import { Card, Col, Row } from 'antd'
import style from './index.module.scss'
console.log(style);

// 自适应样式
const topColResponsiveProps = {
    xs: 24,
    sm: 12,
    md: 12,
    lg: 12,
    xl: 6,
    style: { marginBottom: 24 },
};

export const Home = () => {
    return (
        <div className={style.root}>
            <Row gutter={24}>
                <Col {...topColResponsiveProps}>
                    <Card title="用户uid" bordered={false}>
                        1001
                    </Card>
                </Col>
                <Col {...topColResponsiveProps}>
                    <Card title="代理数量" bordered={false}>
                        1391
                    </Card>
                </Col>   <Col {...topColResponsiveProps}>
                    <Card title="账号余额" bordered={false}>
                        192.13
                    </Card>
                </Col>   <Col {...topColResponsiveProps}>
                    <Card title="等级" bordered={false}>
                        元首
                    </Card>
                </Col>
            </Row>
        </div>
    )
}
